<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  <!--   
    form表单中需要传递的数据都需要设置name属性
    如果设置的get请求，传递的文件只能传递文件的名，form表单的enctype的默认取值为application/x-www-form-urlencoded
    如果有文件需要上传，只适用于post请求，传递的文件是转换后的二进制数据
    form表单的enctype取值：multipart/form-data，二进制数据转换模式
    还需要koa-body开启文件上传支持模式
    app.use(koaBody({
        multipart:true,//支持文件上传
        formidable:{
            uploadDir:path.join(__dirname,"./public/upload"),//设置上传文件由二进制转换成文件后的服务器存放目录，文件存储时候会完成重新命名操作
            keepExtensions:true//设置保留上传文件类型的后缀，默认false
        }
    })); 

        1.form表单的method改为post
        2.form表单的enctype改为multipart/form-data
        3.需要koa-body该文件上传支持模式
    -->

    <form action="/upload" enctype="multipart/form-data" method="post">
        <input type="text" name="username" placeholder="请输入用户名">
        <br>
        <input type="file" name="headImg">
        <br>
        <input type="submit" value="上传头像">
    </form>
</body>
</html>